<template>
	<view>
		<!-- <view class="sr_title">
			<view class="sr_title1">
				<view @tap="goBack">
					<image src="/static/img/zjt.png" mode="widthFix"></image>
					返回
				</view>
				<view>
					提交成功
				</view>
			</view>
		</view> -->
		<view class="content">
			<view>
				<image src="/static/persion/success.png" mode="widthFix"></image>
			</view>
			<view>
				<text>退款审核中</text>
				<text>感谢你的提交，我们将在一个工作日内为您审核，审核结果将以短信和消息方式通知！</text>
			</view>
		</view>
	</view>
</template>

<script setup>
	//返回页面
	function goBack() {
		uni.navigateBack(-1)
	}
</script>
<style>
	page {
		background-color: #EFEFEF;
	}
</style>
<style scoped lang="scss">
	.sr_title {
		width: 100%;
		height: 10vh;
		background-color: #38393E;
		position: relative;

		.sr_title1 {
			width: 100%;
			height: 40%;
			position: absolute;
			bottom: 0;
			left: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;

			view:nth-child(1) {
				width: 40%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: flex-start;

				image {
					width: 12%;
					height: 100%;
					margin: 0 5%;
				}
			}

			view:nth-child(2) {
				width: 60%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: flex-start;
			}
		}
	}

	.content {
		width: 100%;
		height: 20vh;
		background-color: white;
		display: flex;
		align-items: center;
		justify-content: center;

		view:nth-child(1) {
			width: 30%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: flex-end;

			image {
				width: 50%;
				height: 100%;
				margin-right: 10%;
			}
		}

		view:nth-child(2) {
			width: 70%;
			height: 100%;
			display: flex;
			align-items: flex-start;
			justify-content: center;
			flex-direction: column;
			text:nth-child(1){
				font-size: 40rpx;
				margin: 3% 0;
			}
			text:nth-child(2){
				font-size: 24rpx;
				color: #808080;
				width: 90%;
			}
		}
	}
</style>